大家好,我們今天要來講的是基本的HTML語法。
首先,我們要來了解HTML到底是什麼。
HTML是一種用來組織網頁架構和內容的標記語言,和一般的程式語言不同,他是以一系列元素組成,而元素的基本架構分為標籤及內容。這些標籤通常是成對出現的,代表著開始與結束,中間夾的文字就是我們要呈現的內容。
我們以下面的Hello World!來舉例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>
<h1>Hello world!</h1>
</body>
</html>
以下為幾個基本結構:<!DOCTYPE html>
:為文件類型,用來告訴瀏覽器你的版本。<html></html>
:為根元素,在這兩個元素之間是網頁內容。<head></head>
:頭是 HTML 文件的一個重要部分,它用於包含網頁的字元訊息(metadata),它裡面的內容不會顯示在頁面上。<meta charset="UTF-8">
:為設置文件的字元編碼,通常使用UTF-8來支持多種語言和字元集。<title></title>
:為網頁的標題,會顯示在標題欄上。<body></body>
:身體的內容是可以顯示在頁面上的,通常我們設計的網頁的程式碼都是寫在body裡面。<h1></h1>
:為文件標題,最多可以到h6,不過大部分用到h3 h4就差不多了。
真的執行時會長這樣:
這樣我們就完成自己的第一個網頁了呢~明天我們再來看如何調整字體的用法吧~